<!--<template>-->
    <!--<div class="">-->
        <!--<header2></header2>-->
        <!--<div class="title">-->
            <!--自然边整木家具-->
        <!--</div>-->
        <!--<div class="title2">-->
            <!--Live Edge Furniture Collection-->
        <!--</div>-->
        <!--<div class="type" v-if="json.subCategories.length">-->
            <!--<a>-->
                <!--<span>所有</span>-->
                <!--<span class="en">All</span>-->
            <!--</a>-->
            <!--<a v-for="item in json.subCategories" :key="item.code">-->
                <!--<span>{{item.name}}</span>-->
                <!--<span class="en">{{item.english}}</span>-->
            <!--</a>-->
        <!--</div>-->

        <!--<div style="height:80rem;"></div>-->
    <!--</div>-->
<!--</template>-->

<!--<script type="text/ecmascript-6">-->
    <!--import header2 from '../common/Header.vue';-->

    <!--export default {-->
        <!--components: {-->
            <!--header2-->
        <!--},-->
        <!--data: function () {-->
            <!--return {-->
                <!--json: {subCategories: [], product: {}}-->
            <!--}-->
        <!--},-->
        <!--mounted() {-->
            <!--this.loadData();-->
        <!--},-->
        <!--methods: {-->
            <!--loadData() {-->
                <!--this.$http.post("/info/product/find", {category: this.$route.query.category}).then(res => {-->
                    <!--this.json = res.data;-->
                <!--})-->
            <!--}-->
        <!--}-->
    <!--}-->
<!--</script>-->

<!--<style scoped>-->
    <!--.title {-->
        <!--display: flex;-->
        <!--justify-content: center;-->
        <!--font-size: 5rem;-->
        <!--margin-top: 60px;-->
    <!--}-->

    <!--.title2 {-->
        <!--display: flex;-->
        <!--justify-content: center;-->
        <!--font-size: 2.2rem;-->
        <!--text-transform: capitalize;-->
    <!--}-->

    <!--.type {-->
        <!--display: flex;-->
        <!--margin-top: 40px;-->
        <!--justify-content: center;-->
        <!--text-transform: uppercase;-->
    <!--}-->

    <!--.type a {-->
        <!--display: flex;-->
        <!--align-items: center; /*垂直居中*/-->
        <!--justify-content: center; /*水平居中*/-->
        <!--margin: 5px 15px;-->
        <!--flex-direction: column;-->
    <!--}-->

    <!--.type a:after {-->
        <!--content: "";-->
        <!--width: 100%;-->
        <!--height: 1px;-->
        <!--display: block;-->
        <!--background-color: #cccccc;-->
    <!--}-->

    <!--.type a .en {-->
        <!--margin: 10px auto;-->
    <!--}-->
<!--</style>-->
